<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/webstyle.css">
	<script src="./js/jquery-v1.10.2.min.js" type="text/javascript"></script>
	<title>淮安结婚网</title>
</head>
<body>
	<!-- 公共头部 -->
	<div class="common-header">
		<div class="header-content layout">
			<img src="./img/logo/logo.png">
		</div>
		<div class="nav clearfix">
			<ul class="layout">
				<li><a href="./index.html">首页</a></li>
				<li><a href="./wed-list.html">优选婚庆</a></li>
				<li><a href="./hotel-list.html">优选酒店</a></li>
				<li class="active"><a href="./host-list.html">优选主持</a></li>
				<li><a href="./paint-list.html">优选化妆礼服</a></li>
				<li><a href="./video-list.html">优选摄像</a></li>
				<li><a href="./photo-list.html">优选摄影</a></li>
				<li><a href="./server-list.html">优选服务商</a></li>
			</ul>
		</div>
	</div>

	<!-- 内页通用广告 -->
	<div class="common-ad">
		<a href="#"><img src="./img/ad/ad_3.jpg" alt=""></a>
	</div>

    <!-- 面包屑导航 -->
    <div class="common-breadnav layout clearfix">
        <ul class="common-breadnav-list clearfix">
            <li>
                <a href="./index.html">首页</a>
            </li>
            <li>>></li>
            <li>
                <a href="./host-list.html">优选主持</a>
            </li>
        </ul>
    </div>
    

	<!-- 优选主持、化妆、摄影、摄像、酒店 -->
	<div class="common-mod-tab layout clearfix">
		<ul class="common-tabs clearfix">
            <li><a href="./wed-list.html">优选婚庆</a></li>
            <li><a href="./hotel-list.html">优选酒店</a></li>
			<li class="active"><a href="./host-list.html">优选主持</a></li>
			<li><a href="./paint-list.html">优选化妆</a></li>
            <li><a href="./video-list.html">优选摄像</a></li>
            <li><a href="./photo-list.html">优选摄影</a></li>
        </ul>
        <div class="panel active clearfix">
			<ul class="index-host-list clearfix">
				<li>
					<a href="./host-detail.html">
						<div class="index-host-list-img">
							<img src="./img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="./host-detail.html">
						<div class="index-host-list-img">
							<img src="./img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="./img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				
			</ul>
			<div class="index-host-list-more">
				<a href="#"><span>查看更多主持</span></a>
			</div>
		</div>

	</div>

	<!-- 广告位 -->
	<div class="index-ad layout">
		<a href="#"><img src="./img/ad/ad_1.jpg" alt=""></a>
	</div>
	
	<!-- 优选服务商 -->
	<div class="index-server layout clearfix">
		<h2>优选服务商<span class="index-wed-more"><a href="./server-list.html">查看更多</a></span></h2>
		<ul class="clearfix">
			<li class="index-server-list">
				<a href="./candy-detail.html">
					<div class="index-server-list-img">
						<img src="./img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>喜糖</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="./car-detail.html">
					<div class="index-server-list-img">
						<img src="./img/index/wed_2.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>婚车</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="./men-detail.html">
					<div class="index-server-list-img">
						<img src="./img/index/wed_3.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>男装</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="./jewls-detail.html">
					<div class="index-server-list-img">
						<img src="./img/index/wed_4.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>珠宝</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="./travel-detail.html">
					<div class="index-server-list-img">
						<img src="./img/index/wed_4.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>旅行</h3>
					</div>
				</a>
			</li>
		</ul>
	</div>
	
	<div class="index-wine">
		<a href="./drink-detail.html">
			<img src="./img/ad/ad_2.jpg" alt="">
		</a>
	</div>
	

	<!-- footer样式 -->
	<div class="common-footer">
		<p>
			<a href="http://www.miibeian.gov.cn/">备案号：苏ICP备1111111</a>
		</p>
		<p>
			<a href="#">Copyright &copy; 2018.淮安结婚网 All rights reserved.</a>
		</p>
	</div>

	<!-- 侧边栏 -->
	<div id="leftsead">
		<ul>
			<li>
				<a id="top_btn">
					<img src="./img/common/aside_2.png" width="47" height="49" class="hides"/>
					<img src="./img/common/aside_1.png" width="47" height="49" class="shows" />
				</a>
			</li>
			<li>
				<a href="">
					<img src="./img/common/aside_4.png" width="166" height="49" class="hides"/>
					<img src="./img/common/aside_3.png" width="47" height="49" class="shows" />
				</a>
			</li>
			<li>
				<a class="youhui">
					<img src="./img/common/aside_5.png" width="47" height="49" class="shows" />
					<img src="./img/common/aside_6.jpg" width="196" height="205" class="hides" usemap="#taklhtml"/>
				</a>
			</li>
		</ul>
	</div>

	<!-- 侧边栏js -->
	<script type="text/javascript">
		$(document).ready(function(){

		$("#leftsead a").hover(function(){
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").show();
			}else{
				$(this).children("img.hides").show();
				$(this).children("img.shows").hide();
				$(this).children("img.hides").animate({marginRight:'0px'},'slow'); 
			}
		},function(){ 
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").hide('slow');
			}else{
				$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
			}
		});

		$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

		});
	</script>
</body>
</html>